<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>About</title>
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
<header>
    <div class="tel">
        <div class="container" style="position: relative;">
            <div class="logo">
                <img src="images/logo1.png">
            </div>
            <p><strong>联系我们:</strong> <span>(800)</span> 1444 000 4040</p>
            <div class="clearfix"></div>
        </div>
    </div>
    <nav class="nav">
        <div class="container">
            <div class="link">
                    <ul>
                        <li><a href="index.html">主页</a></li>
                        <li class="active"><a href="about.html">关于</a></li>
                        <!--<li><a href="services.html">服务</a></li>-->
                        <li><a href="blog.html">博客</a></li>
                        <li><a href="gallery.html">展示</a></li>
                        <li><a href="contant.html">联系我们</a></li>
                    </ul>
            </div>
        </div>
    </nav>
    <div class="clearfix"></div>
    <div class="red" >
    </div>
</header>

<section id="section">
    <div class="container">
        <div class="about_top">
            <h2>关于</h2>
            <div>
                <div class="text">
                    <h5>我们不相信会有完美无缺的家，但是我们相信家能够完美彰显房子主人的风格特点。</h5>
                    <p>假期刚刚结束，而你已疲惫不堪。</p>
                    <p>假期刚刚结束，而你已疲惫不堪。假期里总在不断地社交聚会、宴请会客、准备食物，是时候让自己休息一阵子了。于是我们构思一些小点子，帮你把家打造成舒适宁静的休憩港湾。假期刚刚结束，而你已疲惫不堪。假期里总在不断地社交聚会、宴请会客、准备食物，是时候让自己休息一阵子了。于是我们构思一些小点子，帮你把家打造成舒适宁静的休憩港湾。</p>
                </div>
                <img src="images/about1.png">
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="about_middle">
            <h2>家居设计</h2>
            <div class="middle_left">
                <figure>
                    <img src="images/about2.png">
                    <p>假期刚刚结束，而你已疲惫不堪。假期里总在不断地社交聚会、宴请会客、准备食物，是时候让自己休息一阵子了。于是我们构思一些小点子.</p>
                </figure>
                <figure>
                    <img src="images/about2.png">
                    <p>假期刚刚结束，而你已疲惫不堪。假期里总在不断地社交聚会、宴请会客、准备食物，是时候让自己休息一阵子了。于是我们构思一些小点子</p>
                </figure>
                <div class="clearfix"></div>
            </div>
            <div class="middle_right">
                <h4>我们的能力</h4>
                <ul>
                    <li><img src="images/cir.png"><a href="###">家庭生活</a></li>
                    <li><img src="images/cir.png"><a href="###">奇思妙想</a></li>
                    <li><img src="images/cir.png"><a href="###">小小家居</a></li>
                    <li><img src="images/cir.png"><a href="###">舒服乐园</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="about_footer">
                <h2>我们的团队</h2>
            <div class="footer_team">
                <div class="team-img">
                    <img src="images/team-1.jpg">
                    <div class="team-text">
                        <div class="text-title">张三丰</div>
                        <div class="text-content">著名设计师</div>
                    </div>
                </div>
                <div class="team-img">
                    <img src="images/team-2.jpg">
                    <div class="team-text">
                        <div class="text-title">李欧阳</div>
                        <div class="text-content">著名设计师</div>
                    </div>
                </div>
                <div class="team-img">
                    <img src="images/team-3.jpg">
                    <div class="team-text">
                        <div class="text-title">王天才</div>
                        <div class="text-content">著名设计师</div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <div class="top">
            <figure>
                <h4>信息</h4>
                <ul>
                    <li><a href="###">主页</a></li>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                    <li><a href="###">我们</a></li>
                    <li><a href="###">联系</a></li>
                </ul>
            </figure>
            <figure>
                <h4>类别</h4>
                <ul>
                    <li><a href="###">普通住宅</a></li>
                    <li><a href="###">商务办公</a></li>
                    <li><a href="###">正常家居</a></li>
                    <li><a href="###">豪华装修</a></li>
                    <li><a href="###">个性化设计</a></li>
                </ul>
            </figure>
            <figure>
                <h4>我的账号</h4>
                <ul>
                    <li><a href="###">博客</a></li>
                    <li><a href="###">关于</a></li>
                </ul>
            </figure>
            <figure>
                <h4> 快讯</h4>
                <form  method="" action="###" name="email">
                    <div>
                        <input  id="input" type="email" placeholder="请输入你的邮箱">
                        <button type="submit" id="inputbtn"></button>
                    </div>
                </form>
            </figure>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="container">
        <div class="bottom">
            <p>Copyright © 2016.公司所有的注册名称和服务</p>
        </div>
    </div>
</footer>
</body>
</html>